<template>
  <div id="summary">
    <h2 id="summary_h2">欢迎使用仓库管理系统</h2>
  </div>
</template>

<script>
export default {
  name:'Summary',
  beforeCreate(){
    // this.$bus.$on('convertCls', this.certCls)
  },
  methods:{
    // certCls(isCollapse){
    //   console.log('接收参数：', isCollapse)
    // }
  }
}
</script>

<style scoped>
  #summary{
    position: absolute;
    background-image: url(../../assets/summary.png); 
    background-size: cover; 
    background-position: center; 
    /* position: flex; */
    margin-left: -20px;
    margin-top: -40px;
    /* width: 93.68vw;  */
    width: 86.2vw; 
    height: 100vh; 
    z-index: -1; 
  }
  #summary_h2{
    position:relative;
    margin-top:40px;
    margin-left:40px;
    float: left;
  }
</style>